import Vue from 'vue'
import VueRouter from "vue-router";
import UiRouter from "@/views/UI_Router.vue";
import Contacts from "@/views/Contacts.vue"
import About from "@/views/About.vue"
import Alice from "@/views/Alice.vue"
import AllContacts from "@/views/AllContacts.vue"
import Bob from "@/views/Bob.vue"
import Blog from "@/views/Blog.vue"
import Fax from "@/views/Fax.vue"

Vue.use(VueRouter)
const router = new VueRouter({
  routes: [
    {path:'/',redirect:'/ui'},
    { path: '/ui', component: UiRouter },
    {
      path: '/co', component: Contacts,
      children: [
        { path: 'all-0', component: AllContacts },
        { path: 'all-1', component: Alice },
        {
          path: 'all-2', component: Bob,
          children: [
            { path: 'blog', component: Blog },
            { path: 'fax', component: Fax },
            
          ]
        },
      ]
    },
    { path: '/ab', component: About },
    
  ]
})

export default router